<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        body {
            width: 660px;
            margin: 0 auto;
            padding-top: 1em;
        }
        .a-modify {
            font-size: 0.5em;
        }
        .a-home {
            font-size: 0.5em;
        }
        .span-tag {
            border: 1px solid #eee;
            border-radius: 0.2em;
            padding: 0.1em 0.3em;
            display: inline-block;
            background-color: #eee;
        }
        .span-day {
            float: right;
            color: #bcbcbc;
            margin-right: 0.5em;
        }
        .part-content {
            border: 1px solid #efefef;
            border-radius: 0.2em;
            margin-top: 0.3em;
            padding: 0.3em;
            clear: both;
            background-color: #fffbf2;
        }
    </style>
</head>
<body>
    <h1>
        {{ note_data.title }} -
        <a class="a-modify" href="/edit?id={{ note_data.id }}">[修改]</a>
        <a class="a-home" href="/">[首页]</a>
    </h1>
    {% for tag in note_data.tags %}
        <span class="span-tag">{{ tag }}</span>
    {% endfor %}
    <span class="span-day">{{ note_data.day }}</span>
    <p class="part-content">{{ note_data.content }}</p>
</body>
</html>